<template>
    <view class="register">
        <view class="input">
            <view class="ipt1"><input placeholder="请输入手机号" /></view>
            <view class="ipt2">
                <input placeholder="请输入验证码" />
                <text>获取验证码</text>
            </view>
        </view>
        <button type="default">注册</button>
        <view class="footer">
            <text>忘记密码</text>
            <text>立即登录</text>
        </view>
        <dependency>
            <groupId>org.apache.httpcomponents</groupId>
            <artifactId>httpclient</artifactId>
            <version>4.5.13</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.73</version>
        </dependency>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
    }
};
</script>

<style lang="scss" scoped>
.register {
    padding: 20px;
    background-color: #ffffff;
    .input {
        margin-top: 60px;
        .ipt1 {
            border-bottom: 1px solid #fafafa;
            display: flex;
            align-items: center;
            height: 40px;
        }
        .ipt2 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 40px;
            input {
                width: 75%;
            }
            text {
                color: #64b1ff;
                font-size: 14px;
            }
        }
    }
    button {
        margin-top: 40px;
        background-color: #67c2ff;
        color: white;
    }
    .footer {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: #67c2ff;
        margin-top: 20px;
    }
}
</style>
